<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="order by dede58.com"/>
    <title>投诉订单</title>
    <link rel="stylesheet" type="text/css" href="css/jiazaitoubu.css">
    <link rel="stylesheet" type="text/css" href="css/css.css">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/index2.js"></script>
    <link rel="stylesheet" type="text/css" href="css/center.css">
    <link rel="stylesheet" type="text/css" href="css/city.css">
    <script src="js/Popt.js"></script>
    <script src="js/cityJson.js"></script>
    <script src="js/citySet.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="js/common.js"></script>
</head>




<!--写在前面：这是一个  投诉  的模板，请写这个模板的同学将该模板复制一份并重命名为你要写的那个文件-->




<!--更改完后请将所写的文件.html写入下方的href中-->




<body>
<div id="app">	
<top></top>
<bar></bar>

<div class="centers_m">
   <bars></bars>
   
   
 <!--一条开始-->
        <div class="public_m1">
            <div class="public_m2">订单投诉</div>
            <!--一个订单信息-->
            <div class="public_m5">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tbody>
                    <tr style=" border-bottom:1px solid #000">
                        <th class="olist1">订单编号</th>
                        <th class="olist2">下单时间</th>
                        <th class="olist4">维修人员</th>
                        <th class="olist4">截单时间</th>
                        <th class="olist4">状态</th>
                    </tr>
                    <tr>
                        <td><a href="#">2016102111523538</a></td>
                        <td>2021-06-01 12:03</td>
                        <td><a href="#">无敌小王八</a></td>
                        <td>2021-06-02 12:03</td>
                        <td>已完成</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!--评价星级-->
            <div class="pjxingji_m">
                <ul>
                    <li>
                        <em>维修速度：</em>
                        <input type="radio" name="cpzl_m1">
                        <img src="images/1xing.png"/>
                        <input type="radio" name="cpzl_m1">
                        <img src="images/2xing.png">
                        <input type="radio" name="cpzl_m1">
                        <img src="images/3xing.png"/>
                        <input type="radio" name="cpzl_m1">
                        <img src="images/4xing.png">
                        <input type="radio" name="cpzl_m1">
                        <img src="images/5xing.png">
                    </li>
                    <li>
                        <em>服务态度：</em>
                        <input type="radio" name="cpzl_m2">
                        <img src="images/1xing.png"/>
                        <input type="radio" name="cpzl_m2">
                        <img src="images/2xing.png"/>
                        <input type="radio" name="cpzl_m2">
                        <img src="images/3xing.png"/>
                        <input type="radio" name="cpzl_m2">
                        <img src="images/4xing.png"/>
                        <input type="radio" name="cpzl_m2">
                        <img src="images/5xing.png"/>
                    </li>
                    <li>
                        <em>维修质量：</em>
                        <input type="radio" name="cpzl_m3">
                        <img src="images/1xing.png"/>
                        <input type="radio" name="cpzl_m3">
                        <img src="images/2xing.png"/>
                        <input type="radio" name="cpzl_m3">
                        <img src="images/3xing.png"/>
                        <input type="radio" name="cpzl_m3">
                        <img src="images/4xing.png"/>
                        <input type="radio" name="cpzl_m3">
                        <img src="images/5xing.png"/>
                    </li>
                </ul>
            </div>
            <!--我的牛评-->
            <div class="my_lm">
                <em>我的牛评：</em>
                <textarea></textarea>
            </div>
            <!--选择上传文件-->
            <div class="myinput_lm">
                <em>上传图拍：</em>
                <input type="file">
                <input type="checkbox">
                <i>匿名上传</i>
            </div>
            <a href="index.html" class="public_m3">提交</a>
        </div>
   
   
    </div>
    <end></end>
    </div>
</body>
</html>
<script>
var app = new Vue({
    el:"#app",
    data:{
        admin:{},
        message:''
    },
 
});
</script>
<script type="text/javascript">
            $("#city").click(function (e) {
                SelCity(this,e);
            });
        </script>

<script>
     //模拟下拉菜单的js*/
     $(".sjhcp_in span").on("mouseenter", function(e)
        {
            if($(".little_list").is(":hidden"))
            {
                $(".little_list").show();
            }
            else
            {
                $(".little_list").hide();
            }
            $(".little_list em").click(function()
            {
                var txt=$(this).text();
                $(".sjhcp_in span").text(txt);
                $(".little_list").hide();
            })
            $(document).one("click", function()
            {
                $(".little_list").hide();
            });
            e.stopPropagation();
        });
            $(".little_list").on("click", function(e)
            {
                e.stopPropagation();
            });
     
      window.onload=function()
      {
        $(".aside").css({display:"none"})
        $(".important").mouseenter(function(){
            $(".aside").css({display:"block"})
        }).mouseleave(function(){
            $(".aside").css({display:"none"})
        })
    }
       
</script>